<template>
  <div id="indexMain">
    <indexcategory></indexcategory>
    <el-row>
      <el-col>
        <indexcontent></indexcontent>
      </el-col>
    </el-row>
  </div>

  <shopping-cart></shopping-cart>

  <IndexRecommend></IndexRecommend>
  <IndexBrand></IndexBrand>
  <div v-for="count in 5" :key="count">
    <IndexBrandShop :count="count"></IndexBrandShop>
  </div>
</template>

<script>
import indexcategory from "@/components/IndexCategory.vue";
import indexcontent from "@/components/IndexContent.vue";
import IndexRecommend from "@/components/IndexRecommend.vue";
import IndexBrand from "@/components/IndexBrand.vue";
import IndexBrandShop from "@/components/IndexBrandShop.vue";
import ShoppingCart from "../components/ShoppingCart.vue";

export default {
  name: "IndexMain",
  components: {
    indexcategory,
    indexcontent,
    IndexRecommend,
    IndexBrand,
    IndexBrandShop,
    ShoppingCart,
  },
};
</script>

<style scoped>
</style>